<?php
error_reporting(E_ALL ^ E_NOTICE);
$op= $_GET['op'];
switch($op)
{
	case "alta":
		$contenido="php/alta-position.php";
		$titulo="Alta de posiciones";
		break;
	case "baja":
		$contenido="php/baja-position.php";
		$titulo="Baja de posiciones";
		break;
	case "cambio":
		$contenido="php/cambio-position.php";
		$titulo="Cambio de posicion";
		break;
	case "consultas":
		$contenido="php/consultas-position.php";
		$titulo="Consulta de posiciones";	
		break;		
	case "maps":
		$contenido="php/HelloWorld.html";
		$titulo="GoogleMaps";	
	break;
	default:
		$contenido="php/home.php";
		$titulo="Mis posiciones v1";
		break;
}
?>

<!DOCTYPE html>
<html lang= "es">
<head>
	<meta charset="utf-8" />
	<title><?php echo $titulo; ?></title>
	<link rel="stylesheet" href="css/my-positions.css"/>
	<script src="js/my-positions.js"></script>
    <script type="text/javascript"
      src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDZBAz2fuQXeSFgMmF5zNhdDPgO_0eJEus&sensor=true">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(40.416935, -3.703998),
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"),
            mapOptions);
      }
    </script>
</head>
<body onload="initialize()">
	<section id="content">
		<nav>
		<ul>
			<li><a class="change" href="index.php">Home</a></li>
			<li><a class="change" href="?op=alta">Alta de posición</a></li>
			<li><a class="change" href="?op=baja">Baja de posición</a></li>
			<li><a class="change" href="?op=cambio">Cambio de posición</a></li>
			<li><a class="change" href="?op=consultas">Consultas de posición</a></li>
			<li><a class="change" href="?op=maps">Google Maps</a></li>
		</ul>
		</nav>
		<section id="principal">
			<?php include($contenido);?>
		</section>
	</section>
	<div id="map_canvas" style="width:100%; height:100%">hola</div>
</body>
</html>
